<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <button>按钮一</button>
    <script>
      // 一、弹框 alert 可以阻止程序执行
      // 1.alert
      //    var res =  window.alert("123");
      //    console.log(res);
      //  alert(123);
      //  console.log(456);

      // 2.prompt 输入弹框 返还值就是输入的值；
      //   var res  =   prompt("请输入");
      //   console.log(res);
      // 3.confirm:询问弹框
      // var res = confirm("你确定要删除吗?");
      // console.log(res);

      // 二、定时器；
      // 1.间隔定时器 setInterval 第一个参数是要执行的代码函数 （回调函数 callback） 第二个参数是间隔时间 单位是毫秒
      // 返还值是一个数字； 可以清除定时器clearInterval
      //   var num =  setInterval(function(){
      //         console.log("执行了");
      //     },1000);
      //     console.log(num);

      // var num2 = setInterval(function(){
      //     console.log("执行了");
      // },1000);
      // // console.log(num2);
      var btns = document.getElementsByTagName("button");
      // btns[0].onclick = function(){
      //     clearInterval(num2);
      // }

      // 2.倒计时定时器 有返还值；
      // var timer = setTimeout(function () {
      //     console.log("执行了");
      // }, 2000);
      // // console.log(timer);
      // btns[0].onclick = function(){
      //     // clearTimeout(timer);
      //     clearInterval(timer);
      // }

      // 3.settimeout 可以模拟 setinterval
      // function setTop(){
      //     setTimeout(() => {
      //         console.log("执行了");
      //         setTop();
      //     }, 1000);
      // }
      // setTop();

      // 4.settimeout、setinterval是js里的典型的异步函数；
      console.log(111);
      console.log(222);
      setTimeout(function () {
        console.log(333);
      });
      console.log(4444);
    </script>
  </body>
</html>
